#include "../../lv_examples.h"
#if LV_USE_SLIDER && LV_BUILD_EXAMPLES

static void slider_event_cb(lv_event_t * e);
static lv_obj_t * slider_label;

/**
 * A default slider with a label displaying the current value
 */
void lv_example_slider_1(void)
{
    /*创建一个滑动条在中心显示*/
    // 创建一个滑动条
    lv_obj_t * slider = lv_slider_create(lv_scr_act());
    // 设置滑动条的位置居中
    lv_obj_center(slider);
    // 添加事件回调，此处任意事件触发
    lv_obj_add_event_cb(slider, slider_event_cb, LV_EVENT_VALUE_CHANGED, NULL);

    /*Create a label below the slider*/
    // 创建一个滑动条的标签
    slider_label = lv_label_create(lv_scr_act());
    // 设置标签文本(开始时的文本)
    lv_label_set_text(slider_label, "0%");
    // 设置标签的位置，在滑动条下方，距离为__像素
    lv_obj_align_to(slider_label, slider, LV_ALIGN_OUT_BOTTOM_MID, 0, 10);
}

static void slider_event_cb(lv_event_t * e)
{   
    // 获取滑动条对象
    lv_obj_t * slider = lv_event_get_target(e);
    char buf[8];
    // 获取当前值，将值与%拼接起来，并赋值给buf，最后一个参数从滑动条中获取变化的值
    lv_snprintf(buf, sizeof(buf), "%d%%", (int)lv_slider_get_value(slider));
    // 将数组buf传入文本实现实时动态显示的效果
    lv_label_set_text(slider_label, buf);
    // 设置标签的位置，在滑动条下方，距离为__像素
    lv_obj_align_to(slider_label, slider, LV_ALIGN_OUT_BOTTOM_MID, 0, 10);
}

#endif
